import React from 'react';
import PlaylistItem from '../components/playlistItem.js';
export default class Singer extends React.Component{
    render(){
        return(
            <div className="playlistPage">
                <div className="main">
					<div className="play_list clear">
						<div className="play_kind">
							<div className="play_list_item">
								<h3 className="play_title">语种</h3>
								<i className="play_line"></i>
								<ul className="play_ul">
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">国语</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">英语</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">韩语</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">粤语</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">日语</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">更多<i className="icon"></i></a></li>
								</ul>
							</div>
							<div className="play_list_item">
								<h3 className="play_title">流派</h3>
								<i className="play_line"></i>
								<ul className="play_ul">
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">流行</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">轻音乐</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">民谣</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">古典</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">电子</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">更多<i className="icon"></i></a></li>
								</ul>
							</div>
							<div className="play_list_item">
								<h3 className="play_title">主题</h3>
								<i className="play_line"></i>
								<ul className="play_ul">
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">ACG</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">经典</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">影视</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">中国风</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">儿歌</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">更多<i className="icon"></i></a></li>
								</ul>
							</div>
							<div className="play_list_item">
								<h3 className="play_title">心情</h3>
								<i className="play_line"></i>
								<ul className="play_ul">
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">伤感</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">安静</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">快乐</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">治愈</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">励志</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">更多<i className="icon"></i></a></li>
								</ul>
							</div>
							<div className="play_list_item">
								<h3 className="play_title">场景</h3>
								<i className="play_line"></i>
								<ul className="play_ul">
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">睡前</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">夜店</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">学习</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">运动</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">开车</a></li>
									<li className="play_itembox"><a href="javascript:;" className="play_aitem">更多<i className="icon"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<div className="play_detail">
						<div className="detail_hd">
							<h2 className="detail_title">全部歌单</h2>
							<div className="suggest_last">
								<a href="javascript:;" className="suggest item">推荐</a>
								<a href="javascript:;" className="last item">最新</a>
							</div>
						</div>
						<div className="play_list_all">
							<ul className="play_list_ul">
								<PlaylistItem />
							</ul>
						</div>
					</div>
				</div>
            </div>
        )
    }
}